<template>
  <div class="mylist">
    <!-- <ul>
      <li v-for="(item, i) in arr" :key="i">{{ item }}</li>
    </ul> -->

    <nav-bar>
      <!-- template 是一个模板 他最终不会渲染出来 会消失 -->
      <!-- 表示 template的这个里面的模板内容最终跑到 left这个插槽里面-->
      <template slot="scpeData">
        <button>注册</button>
      </template>

      <input type="text" />
      <button>登录</button>
    </nav-bar>
  </div>
</template>

<script>
import NavBar from "@/components/NavBar.vue";
export default {
  components: {
    NavBar,
  },
  //接收父组件传递过来的参数
  // props:['arr'],

  //对数据进行校验
  props: {
    // arr: 表示对传过来的arr数据进行校验
    arr: {
      //type 是类型检测   : Array 表示必须是个数组
      //   type: Array,
      type: [Array, String], //这个表示给的数据是数组也可以  是字符串也可以
      //必须传arr这个数据
      required: true,

      //可以设置默认值
      default() {
        return [666];
      },
      //validator 自定义检测
      validator(arr) {
        // if(arr.length>5){
        //     return true
        // }else{
        //     return false
        // }
        //对数组的长度进行校验
        // return arr.length>5;
        // //校验数组的和必须大于100
        // let num = 0;
        // arr.forEach((item) => {
        //     num+=item
        // })
        // return num>100
      },
    },
  },

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
</style>